<#include "sshdXqListTemplate.html">
<#macro xmtopic>
${matchProject.matName!} 
</#macro>
<#macro extendCss>
<style>
#xm_content {margin-top: 30px;background-color:#f1f7f5;}
.container11001 {background-color:#f1f7f5;}

#xm_content .rightNav {
    width: 100%;
    background-color: #fff;
    float: right;
    margin-bottom: 50px;
}

.footer {
	margin-top:0px;
}
.rightNav .xmxz1-container .xmxz1_tabcss{
	display: none;
}
.rightNav .xmxz1-container .el-input__inner {
     background-color: #fff;
    background-image: none;
    /**border: 1px solid #d9d9d9;**/
    color: #1f2d3d;
    height: 35px;
    float: left;
    padding-left: 10px;
    width: 338px;
    font-size: 15px;
}
.rightNav .xmxz1-container table td {
    padding-top: 14px;
    width: 45px;
    height: 50px;
}
.rightNav .xmxz1-container table .text_t {
    padding-top: 20px;
}
.rightNav .xmxz1-container table td label {
    color: #000;
    font-size: 16px;
    text-align: center;
    padding-left: 45px;
}

.rightNav .xmxz1-container .xmxz1_tabcss table.gridtable {
	width: 94%;
    position: relative;
    left: 30px;
}

.rightNav .xmxz1-container .xmxz1_tabcss table.gridtable th {
	 height: 35px;
    text-align: left;
    color: #000;
    padding-left: 10px;
}
.footNav {
	height: 20px;
    background-color: #f1f7f5;
    float: left;
    padding-top: 33px;
    padding-left: 45%;
}
#xmxzxx1 .teacher_grid {
	height: 215px;
}
#xmxzxx1 .team_grid {
	height: 315px;
}

#xmxzxx1 .teacher_grid .teacher_grid11{
	height: 100px;
    overflow-y: scroll;
    width: 94%;
    position: relative;
    left: 30px;
    overflow-x: hidden;
}
#xmxzxx1 .teacher_grid .teacher_grid11 .gridtable{
    width: 100.1%;
    left: 0px
}

#xmxzxx1 .team_grid .team_grid11{
	height: 200px;
    overflow-y: scroll;
    width: 94%;
    position: relative;
    left: 30px;
    overflow-x: hidden;
}
#xmxzxx1 .team_grid .team_grid11 table.gridtable{
    width: 100.1%;
    left: 0px
}
.rightNav .xmxz1-container .xmxz1_tabcss table.gridtable th {
    width: 35px;
}
.rightNav .xmxz1-container .xmxz1_tabcss .ziliaoClass{
    width: 250px;
    padding:10px;
    height: 0px;
}
</style>
</#macro>
<#macro contentListShow>
	  <div class="rightNav">
	    <form  class="xmxz1-container"  id="matchProArticle_form" action="matchManager.do?saveMatchProArticle" method="post" enctype="multipart/form-data">
	      <div name="xmxz1_tab" id="xmxzxx1" class="xmxz1_tabcss" style="display:block">
	           <table id="csxmtable" style="width: 100%; height: 200px; background-color: fff;">
				  <tr>
				    <td><label>项目名称:</label></td>
				    <td><input type="text" name="artName" disabled="disabled" placeholder="项目名称" autocomplete="off" class="el-input__inner" value="${(matchProArticleItem.artName)!}" /></td>
				  </tr>
				  <tr>
				    <td class="text_t"><label>项目图片:</label></td>
				    <td class="text_t">
				   	 	<img  src="${(matchProArticleItem.proImgPath)!}" style=" width: 320px;height: 200px;"/>
				   	</td>
				  </tr>
				   <tr>
				    <td class="text_t"><label>团队名称:</label></td>
				    <td class="text_t"><input type="text" name="teamName"  disabled="disabled" placeholder="团队名称" autocomplete="off" class="el-input__inner" value="${(matchProArticleItem.teamName)!}" /></td>
				  </tr>
				  <tr>
				    <td class="text_t"><label>项目资料:</label></td>
				    <td class="text_t" id="xmzlfile">
				     <table>
				      <#if matchProArticleResouceList??>
				      	<#list matchProArticleResouceList as resouce>
				      	<tr> 
				      		<td class='ziliaoClass'>${(resouce.name)!}</td>
				      		<td class='ziliaoClass' id='xmzlfile'> 
				      			<a onclick='downLoadFile(this,${(resouce.id)!},true)'>下载</a> 
				      		</td>
				      	</tr>
				      	</#list>
				      </#if>
				     </table>
				    </td>
				  </tr>
				</table>
				<table style="width: 100%; height: 22px; background-color: #fff;"></table>
				<table style="width: 100%; height: 5px; background-color: #f1f7f5;"></table>
				<#include "sshdXqTable.html">
				<div class="teacher_grid"> 
					<@createTable styleClass='xmxz1_tabcss' tabfields = ['姓名','性別','院系','职务','邮箱','联系电话'] isCheckBox=false checkBoxName='' func=tableDataList funcButton=teacherButton/>
					<!--<div class="teacher_grid11"> 
					 <@createTable styleClass='xmxz1_tabcss' tabfields = [] isCheckBox=false checkBoxName='' func=tableDataList funcButton=nunFouction/>
				    </div>-->
				</div>
				<table style="width: 100%; height: 5px; background-color: #f1f7f5;"></table>
				<div class="team_grid"> 
					<@createTable styleClass='xmxz1_tabcss' tabfields = ['姓名','性別','年级','专业','身份证','联系电话'] isCheckBox=false checkBoxName='' func=tableDataList2 funcButton=teamButton/>
					<!--<div class="team_grid11"> 
					 <@createTable styleClass='xmxz1_tabcss' tabfields = [] isCheckBox=false checkBoxName='' func=tableDataList2 funcButton=nunFouction/>
				    </div>-->
				</div>
	  	  </div>
	    </form>
	  	
	  </div>
	   		<div class="xm_button">
             </div>
</#macro>
<#macro nunFouction>
</#macro>
<#macro teacherButton>
<style>
.rightNav .xmxz1-container .xmxz1_tabcss .xm_button{
    height: 58px;
}
.rightNav .xmxz1-container .xmxz1_tabcss .xm_button button{
    height: 35px;
    width: 80px;
    border-radius: 5px;
    margin-top: 10px;
}
.rightNav .xmxz1-container .xmxz1_tabcss .xm_button h{
    position: relative;
    top: 20px;
    left: 50px;
    color: #000;
    font-size: 16px;
} 
.rightNav .xmxz1-container .xmxz1_tabcss table.gridtable td {
    height: 30px;
    text-align: left;
    word-break: break-all;
    padding-left: 10px
}
</style>
<div class="xm_button">
    <label><h>带队老师</h></label>
</div>
</#macro>
<#macro teamButton>
<div class="xm_button">
    <label><h>团队成员</h></label>
</div>
</#macro>

<#macro tableDataList>
<tbody>
<#if teacherDataList??>
  <#list teacherDataList as data>
    <tr id=teacher_${data.id!}">  
        <td name="xmId" style="display:none"><input type="checkbox" value="${data.id!}"></input></td>
	    <td>${data.techName!}</td>
	    <td><@jmax.dc key="SEX" code="${data.techSex!}" /></td>
	    <td><@jmax.dc key="MATCH_COMPANY_INFO" code="${data.techDept!}" /></td>
	    <td>${data.techJob!}</td>  
	    <td>${data.techEmail!}</td>  
	    <td>${data.techTel!}</td>  
	</tr>  
  </#list>
 </#if>
  </tbody> 
</#macro>
<#macro tableDataList2>
<tbody>
<#if teamDataList??>
	<#list teamDataList as data>
     <tr id=team_${data.id!}">  
        <td name="xmId" style="display:none"><input type="checkbox" value="${data.id!}"></input></td>
	    <td>${data.memName!}</td>
	    <td><@jmax.dc key="SEX" code="${data.memSex!}" /></td>
	    <td>${data.memGrade!}</td> 
	    <td>${data.memMajor!}</td>    
	    <td>${data.memId!}</td>  
	    <td>${data.memTel!}</td>  
	 </tr>  
  </#list>
 </#if>
  </tbody> 
</#macro>
<#macro screenJs>
<script>
function downLoadFile(obj,id,isDown) {
	if(!isDown) {
		$.alert("未上传，不能下载！");
	} else {
	if($("iframe.downLoadFrame").length > 3)
	{
		$("iframe.downLoadFrame").remove();
	}
		$("iframe#downLoadFrame_"+id).remove();
		var iframe = document.createElement("iframe");
		iframe.id='downLoadFrame_'+id;
		iframe.className='downLoadFrame';
		iframe.src = "matchManager.do?downFile&id="+id;
		$(iframe).css("display","none");
		$("body").append(iframe);
		var state = 0;
		iframe.onload=iframe.onreadystatechange = function(){
			if(state == 0)
			{
				var html = iframe.contentWindow.document.body.innerHTML;
				var dd=html.replace(/<\/?.+?>/g,"");
 				var dds=dd.replace(/ /g,"")
				if(dds != "")
				{
					var msg = eval("("+dds+")");
					$.alert(msg.msg);
				}
			}
		};
	}
}
</script>
</#macro>
